<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>留言板</title>
		<link rel="stylesheet" type="text/css" href="bt3/css/bootstrap.min.css" />
		<script src="jquery.min.js"></script>
		<style type="text/css">
			body{
				font-family: "微软雅黑";
				font-size: 15px;
				background-size: 100%;
			}
			.panel-heading{
				font-family: "微软雅黑";
				font-size: 20px;
			}
			.container{
				margin-top:50px ;
				padding-top: 20px;
				background: lavender;
				background-size: 100%;
				-webkit-box-shadow: 1px 1px 50px 1px;  
				-moz-box-shadow: 1px 1px 50px 1px;  
				box-shadow: 1px 1px 50px 1px;
			}
			.no1{
			  	filter:alpha(opacity=80);  
		      	-moz-opacity:0.8;  
		      	-khtml-opacity: 0.8;  
		      	opacity: 0.8; 
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="panel panel-default no1">
			  	<div class="panel-heading">留言板</div>
			  	<table class="table">
				    <tr>
				    	<td width="100">ID</td>
				    	<td width="150">昵称</td>
				    	<td>内容</td>
				    	<td width="200">操作</td>
				    </tr>
				    <?php foreach($data as $k=>$v): ?>
				    	<tr>
					    	<td><?php echo $k+1 ?></td>
					    	<td><?php echo $v['tit'] ?></td>
					    	<td><?php echo $v['con'] ?></td>
					    	<td>
					    		<a href="#" class="btn btn-info btn-group-sm active" role="button">revise</a>
								<a href="del.php?id=<?php echo $k ?>" class="btn btn-danger btn-group-sm active" role="button">del</a>
					    	</td>
					    </tr>
					<?php endforeach ?>
			  	</table>
			  	<form class="form-horizontal no1" method="post"  >
					<div class="form-group">
					    <label for="inputEmail3" class="col-sm-2 control-label">昵称</label>
					    <div class="col-sm-10">
					      <input type="text" name="tit" class="form-control" id="inputEmail3" required="" maxlength="10" placeholder="亲！">
					    </div>
					</div>
					<div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label">留言</label>
					    <div class="col-sm-10">
					    	<textarea class="form-control" name="con" rows="5" required="" placeholder="留下你的一片小脚印······" ></textarea>
					    </div>
					</div>
					<div class="form-group">
					    <div class="col-sm-offset-2 col-sm-10">
					      <button type="submit" class="btn btn-default">提交</button>
					    </div>
					</div>
				</form>
			</div>
		</div>
	</body>
</html>
